<script setup>
import {ref} from 'vue'
</script>


<template>
  <section class="card">
    123
  </section>
</template>


<style lang="scss" scoped>
.card{
    margin-top:10px;
    width: 200px;
    height: 200px;
    padding: 20px ;
    border-radius: 2px;
    box-shadow:  1px 2px 5px #ccc;
    &:hover{
        box-shadow:  1px 2px 10px #ffa500;
        cursor: pointer;
        transform: translateY(-5px);
    }
}
</style>